<div id="atarea">
	<input type="hidden" value="music" name="wall_type" />
	<input type="hidden" value="0" name="val[group_id]" />
	<div id="atahd">
		<a href="javascript:void(fwall.hdc())" class="ataic wall_close">.</a>
		<div class="wall_music">Music</div>
	</div>
	<div class="clear"></div>
	<div id="atabd">
               <div class="clear"></div>
            <div>
    <div class="table">
        <div class="table_right">
            <input type="radio" onclick="$('#js_upload_file_wall').css('display','block');$('#js_attach_link_wall').css('display','none');" checked name="val[music_check]" value="1"/>Upload file&nbsp;
            <input type="radio" onclick="$('#js_upload_file_wall').css('display','none');$('#js_attach_link_wall').css('display','block');" name="val[music_check]" value="2"/><span style="padding-left: 3px;">Attach file</span>
        </div>
    </div>
</div>
                <div class="table">
                <div class="table_right">
                    &nbsp;&nbsp;<input type="checkbox" id="checkbox_choose_category" checked name="val[checkbox_choose_category]" onclick="var check=$('#checkbox_choose_category').attr('checked');if(check==true)$('#choose_category_music').css('display','block');else $('#choose_category_music').css('display','none');"/><span style="padding-left: 3px;">Choose Category</span>&nbsp;

        </div>
    </div>
         
            <div id="js_upload_file_wall" class="js_upload_file_wall">
		<div class="table">
			<div class="table_left">
				<span class="required">*</span> Select File:
			</div>			
			<div class="table_right">
				<input type="file" name="mp3" />
				<div id="js_progress_uploader"></div>
			</div>
		</div>
		<div class="table">
		<div class="table_left">
                    <span class="required">*</span>Song Name:
		</div>
		<div class="table_right">
			<input type="text" id="title" size="30" value="" name="val[title_upload]" />
            <div class="extra_info">
                {phrase var='music.max_file_size'}: {$iUploadLimit}
            </div>        
		</div>

	</div>
</div>
            <div id="js_attach_link_wall" class="js_attach_link_wall" style="display: none">
            <div class="main_break"></div>
            
{if isset($aUserGenres) && !count($aUserGenres)}
{module name='music.genre-form'}
{/if}
{$sCreateJs}
<div id="js_actual_upload_form"{if isset($aUserGenres) && !count($aUserGenres)} style="display:none;"{/if}>
<!--	<form method="post" action="{url link='music.sharelink'}" id="js_music_form" enctype="multipart/form-data" onsubmit="">-->
            <div id="js_music_upload_song">
                    
			{template file='music.block.sharelink'}
<!--			<div class="table_clear">
        <input type="submit" value="Post" class="button" />
			</div>-->
		</div>
<!--	</form>-->
</div>

  


    <div class="message" style="font-weight:normal;">
        <p>
            {phrase var='music.you_retain_all_rights_in_your_music_that_you_upload_you_must_only_upload_music_in_which_you_own_all'}
        </p>
        <p>
            {phrase var='music.uploading_copyrighted_music_without_the_explicit_consent_of_the_copyright_owner_will_result_in_your'}
        </p>
    </div>
</div>

               <div id="choose_category_music">
   <div class="table">
       <div class="table_left">Category:</div>
       <div class="table_right">
            <select name="val[search_book]" id="search_book" style="width:175px;">
                {foreach from=$aRows item=aRow}
                <optgroup label="{$aRow.name}">
                    {foreach from=$aRow.book item=book}
                    <option value="{$book.book_id}">{$book.name}</option>
                    {/foreach}
                </optgroup>
                {/foreach}
            </select>
         </div>
   </div>

        <div class="table">
           <div class="table_left">Chapter:</div>
           <div class="table_right">
                <input type="text" name="val[chapter]" value="1" size="1" style="text-align:center;" onclick="if (this.value != '') this.value = '';" onblur="if (this.value == '') this.value = '1';"/>
            </div>
        </div>

       <div class="table">
           <div class="table_left">Verse:</div>
           <div class="table_right">
                <input type="text" name="val[page]" value="1" size="1" style="text-align:center;" onclick="if (this.value != '') this.value = '';" onblur="if (this.value == '') this.value = '1';"/>
            </div>
        </div>

    </div>
	</div>
</div>

